*{margin:0px;padding:0px;}
body{background:#e6e6e6;font-size:12px;font-family:"Microsoft YaHei";color:#313131;}
a{text-decoration:none;cursor:pointer;color:#666}
a:hover{color:#ed182a}
a:visited{ color:inherit;}
img{border:none;}
em,i{font-style:normal;}
input{outline:none;border:none;font-family:"Microsoft YaHei";}
li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.back-orange{background:#ff9900;}
.white{color:#FFF;}
.wrap{width:100%;}
.content{width:1200px;margin:0px auto;zoom:1;overflow: hidden;}
.clear{clear:both;}
.mt5{margin-top:5px;}
.mt20 { margin-top: 20px;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}
.mt10 { margin-top: 10px;}
em{font-style:normal;}
.border {
    border: 1px solid #dedede;
}
/*二级页面位置*/
.weizhi {
    height: 40px;
    line-height: 40px;
    text-align: left;
    margin: 0px auto;
    background-image: url(/template/default/common/images/casebj.png);
    background-position: 0px -128px;
    text-indent: 20px;
}
/*评价星星*/
.empstar, .fullstar {
    background: url(/template/default/common/images/star.gif);
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 1px;
}
.empstar {
    background-position: right;
}

/*==================================================================HTML5 CSS3 特效==========================================================================*/
/*遮罩*/
.ht5_zhezhao{ height:100%; width:100%; background:url(/images/touming2.png) repeat; text-align:center;opacity:0;transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s;}
.ht5_zhezhao table{ width:100%;height:100%;}
.ht5_zhezhao table td{color:#FFF;font-size:60px;text-align: center;transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.3s;}
.ht5_zhezhao:hover{opacity:1;font-size:30px;}
.ht5_zhezhao:hover table td{opacity:1;font-size:25px;}

.ht5_touming:hover{opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}

.ht5_fangda{transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;}
.ht5_fangda:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.ht5_360deg:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}

.ht5_huangdong:hover{transform: translateX(-6px);}

.ht5_beijinfushang{ transition: 0.5s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.ht5_beijinfushang:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}

.ht5_yanchi:hover{ transition: color 0.3s ease-out; -webkit-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;-ms-transition:color 0.3s ease-out;} 

.ht5_bottom_top{animation:ht5_bottom_top 3s .2s ease both;} 
.ht5_top_bottom{animation:ht5_top_bottom 3s .2s ease both;} 
.ht5_left_right{animation:ht5_left_right 3s .2s ease both;} 
.ht5_right_left{animation:ht5_right_left 3s .2s ease both;} 
.ht5_top_bottom_huangdong{animation:ht5_top_bottom_huangdong 3s .2s ease both;}
.ht5_opacity{animation:ht5_opacity 3s .2s ease both;}
.ht5_huangdong{transition: transform 0.2s linear 0s;}

@-webkit-keyframes ht5_bottom_top{
	0%{opacity:0;
	-webkit-transform:translateY(0px)}
	50%{opacity:0.5;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translatey(-40px)}	
}
@-moz-keyframes ht5_bottom_top{
	0%{opacity:0;
	-webkit-transform:translateY(0px)}
	50%{opacity:0.5;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translatey(-40px)}	
}
@-ms-keyframes ht5_bottom_top{
	0%{opacity:0;
	-webkit-transform:translateY(0px)}
	50%{opacity:0.5;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translatey(-40px)}	
}

@-webkit-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes ht5_left_right{
    0%{opacity:0;
    -webkit-transform:translateX(-40px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
}
@-moz-keyframes ht5_left_right{
    0%{opacity:0;
    -moz-transform:translateX(-40px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_left_right{
    0%{opacity:0;
    -ms-transform:translateX(-40px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
}

@-webkit-keyframes ht5_right_left{
    0%{opacity:0;
    -webkit-transform:translateX(40px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
}
@-moz-keyframes ht5_right_left{
    0%{opacity:0;
    -moz-transform:translateX(40px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_right_left{
    0%{opacity:0;
    -ms-transform:translateX(40px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
}

@-webkit-keyframes ht5_top_bottom{
    0%{opacity:0;
    -webkit-transform:translateY(-1800px)}
    60%{opacity:1;
    -webkit-transform:translateY(20px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}
}

@-moz-keyframes ht5_top_bottom{
    0%{opacity:0;
    -moz-transform:translateY(-1800px)}
    60%{opacity:1;
    -moz-transform:translateY(20px)}
    80%{-moz-transform:translateY(-10px)}
    100%{-moz-transform:translateY(0)}
}
@-ms-keyframes ht5_top_bottom{
    0%{opacity:0;
    -ms-transform:translateY(-1800px)}
    60%{opacity:1;
    -ms-transform:translateY(2px)}
    80%{-ms-transform:translateY(-10px)}
    100%{-ms-transform:translateY(0)}
}
@-webkit-keyframes ht5_top_bottom_huangdong{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}
@-moz-keyframes ht5_top_bottom_huangdong{
    0%{-moz-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-moz-transform:perspective(400px) rotateX(-10deg)}
    70%{-moz-transform:perspective(400px) rotateX(10deg)}
    100%{-moz-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}
@-ms-keyframes ht5_top_bottom_huangdong{
    0%{-ms-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-ms-transform:perspective(400px) rotateX(-10deg)}
    70%{-ms-transform:perspective(400px) rotateX(10deg)}
    100%{-ms-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}


/*从上到下 前后 end*/

/*设置动画效果 结束 end====================================================================================*/